@charset "utf-8";
/*统一设置*/
*{
    margin: 0;
    padding: 0;
}
/* 头部样式 */
#header{
    width: 100%;
    height: 50px;
    background-color: #fff;
    border-bottom: 2px solid #999;
}
/* logo样式 */
#logo{
    width: 240px;
    height: 30px;
    margin: 10px 0px 10px 100px;
    background-color: #fff;
    text-align: center;
    line-height: 30px;
    float: left;
}
#logo p1{
    font-size: 13px;
    color: rgb(85, 153, 231);
}
#logo p2{
    font-size: 30px;
    color: rgb(85, 153, 231);
    letter-spacing: 5px;
    font-weight: 900;
}
/* 选项列表样式 */
#header-options{
    width: 200px;
    height: 50px;
    margin-left:20px;
    float: left;
}
#header-options ul{
    height: 50px;
}
#header-options li{
    list-style-type: none;
    float: left;
    margin: 0px 5px;
}
#header-options li a{
    display: inline-block;
    height: 50px;
    width: 85px;
    text-align: center;
    line-height: 50px;
    text-decoration: none;
    color: #999;
}
#header-options li a:hover{
    color: #000;
    background-color: #eee;
    border-bottom: 2px solid #999;
}
/* 搜索框样式 */
.input-group{
    margin: 0px 0px 5px 80px;
    height: 50px;
    width: 300px;
    float: left;
}
.input-group .form-control{
    margin-top: 8px;
}
.input-group .input-group-btn{
    margin: 5px 0px;
}
/* 用户名 */
#username{
    width: 100px;
    height: 40px;
    margin: 5px 0px 5px 70px;
    text-align: center;
    line-height: 40px;
    float: left;
    font-weight: 700;
}
/*头像区*/
#avatar{
    width: 40px;
    height: 40px;
    background: url("../images/avatar.jpg") no-repeat;
    background-size: cover;
    margin: 5px 0px;
    border-radius: 50%;
    float: left;
}
/* 登出区 */
#logout{
    display: inline-block;
    height: 50px;
    width: 85px;
    text-align: center;
    line-height: 50px;
    text-decoration: none;
    color: #999;
}
#logout:hover{
    color: #000;
    font-weight: 700;
}
/* 主框样式 */
.main{
    width: 100%;
    height: 1000px;
    background-color: #eee;
}
/* 主框内容设置 */
.container{
    width: 65%;
    margin: 0 auto;
}
/* 社区框设置 */
#community{
    width: 95%;
    height: 950px;
    margin: 10px 0px 10px 5px;
    background-color: #fff;
    float: left;
}
/* 问答框设置 */
#community .question{
    width: 100%;
    height: 200px;
    margin: 0 auto;
    background-color: #fff;
    border-bottom:4px solid #eee;
}
.question .ask-avatar{
    width: 25px;
    height: 25px;
    margin: 10px 10px;
    border-radius: 50%;
    float: left;
}
.question .ask-user{
    height: 25px;
    margin: 10px 10px;
    text-align: center;
    line-height: 25px;
    float: left;
}
/* 底部样式 */
.foot{
    width: 100%;
    height: 100px;
    background-color: #fff;
}